﻿<%<hi:common_new_header runat="server" skinname="/ascx/JsNewTags/Skin-Common_New_Header.ascx" />%>
<link href="http://res.juseshop.com/templates/master/jusekeji/style/User_new.css" rel="stylesheet" />
<script src="http://res.juseshop.com/js/My97DatePicker/WdatePicker.js"></script>
<div class="advice clearfix">
    <div class="advice_nav clearfix"><p><hi:siteurl urlname="user_UserCenter" runat="server" class="advice_nav_one">用户中心</hi:siteurl>><hi:siteurl urlname="user_UserProfile" runat="server">个人设置</hi:siteurl>>个人信息</p></div>
    <div class="advice_left clearfix">
        <hi:wnxd_user_menu runat="server" />
    </div>
    <div class="information_right clearfix">
        <div class="information_right_nav clearfix">
            <h1>个人信息</h1>
        </div>
        <form runat="server">
            <div class="information_right_content clearfix">
                <ul>
                    <li class="information_jr"><p class="information_b1"><span>帐号：</span><em id="UserName" runat="server"></em></p><!--<p class="information_b2"><span>推荐人帐号：</span><input name="" value="确认后不可修改" type="text" /></p>--></li>
                    <li class="information_jr1"><p class="information_b3"><span>性别：</span><hi:wnxd_user_gender id="wnxdGender" runat="server" /></p></li>
                    <li class="information_jr1"><p class="information_b3"><span>婚姻状况：</span><hi:WedSelector id="wedselector" runat="server" /><!--<a class="tt" href="#"><em class="gg"></em><i>未婚</i></a><a href="#"><em class="gg"></em><i>已婚</i></a><a href="#"><em class="gg"></em><i>保密</i></a>--></p></li>
                    <li class="information_jr2"><p class="information_b4"><span>月收入：</span><hi:MonthlyIncomeSelector id="MonthlyIncome" runat="server" /><!--<select name="select" id="select" class="bd_c2"><option>其他</option></select>--></p></li>
                    <li class="information_jr3"><p class="information_b5"><span>生日：</span><input ID="calendDate" type="text" runat="server" class='Wdate WdateShort' onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" /></p></li>
                    <!--<li class="information_jr3"><p class="information_b5"><span>生日：</span><select name="select" id="select" class="bd_c2"><option>2015</option></select>年<select style=" width:45px;" name="select" id="select" class="bd_c2"><option>5</option></select>月<select style=" width:45px;" name="select" id="select" class="bd_c2"><option>12</option></select>日</p></li>-->
                    <li class="information_jr4"><p class="information_b6"><span>兴趣爱好：</span></p><p class="information_b7"><!--<a class="vbn" href="#">女性用品</a>--><a lid="1" href="#">女性用品</a><a lid="2" href="#">飞机杯</a><a lid="3" href="#">情趣内衣</a><a lid="4" href="#">避孕安全</a><a lid="5" href="#">男性用品</a></p></li>
                    <li class="information_jr5"><p class="information_b8"><span>QQ：</span><input runat="server" id="QQ" name="QQ" type="text" /></p><p class="information_b9"><span>邮箱：</span><input runat="server" id="Email" name="Email" type="text" /></p></li>
                    <li class="information_jr6"><p class="information_b10"><span>配送区域：</span><!--<Hi:RegionSelector runat="server" id="dropRegions" />--><Hi:RegionNewSelector runat="server" id="dropRegionsnew" /></p></li>
                    <li class="information_jr7"><p class="information_b11"><span>详细地址：</span><input id="Address" runat="server" name="Address" type="text" /></p></li>
                    <li class="information_jr8"><p class="information_b12"><span>收货人：</span><input id="RealName" runat="server" name="RealName" type="text" /></p></li>
                    <li class="information_jr9"><p class="information_b13"><span>手机号码：</span><input id="CellPhone" runat="server" name="CellPhone" type="text" /></p><p class="information_b14"><span>或固定电话</span><input id="TelPhone" runat="server" name="TelPhone" type="text" /></p></li>
                </ul>
            </div>
            <input type="hidden" id="hfval" runat="server"/>
            <div class="information_right_content_bottom">
                <a prefix="wnxd_Ajax" onclick="Save">保  存</a>
            </div>
            <script type="text/javascript">

                $(function () {
                    $("#userProfile_calendDate").width("100px");
                    var $dropRegions = $("#userProfile_dropRegionsnew"); //$("#userProfile_dropRegions");
                    $dropRegions.width(510);
                    $dropRegions.children("span").css("width", "auto");

                    var lidval = $("#userProfile_hfval").val();
                    if (lidval != "") {
                        for (var i = 0; i < lidval.split(',').length - 1; i++) {
                            $(".information_b7 a[lid=" + lidval.split(',')[i] + "]").addClass("aclick");
                        }
                    }
                    $(".information_b7 a").click(function () {
                        var bool = $(this).hasClass("aclick");
                        if (bool) {
                            $(this).removeClass("aclick");
                            $("#userProfile_hfval").val($("#userProfile_hfval").val().replace($(this).attr("lid") + ",", ""));
                        } else {
                            $(this).addClass("aclick");
                            $("#userProfile_hfval").val($("#userProfile_hfval").val() + $(this).attr("lid") + ",");
                        }
                    });

                    $("#ddlMonthlyIncome").change(function () {
                        $("#MonthlyIncomeValue").val($("#ddlMonthlyIncome option:selected").val());
                    });
                });
            </script>

        </form>
    </div>
</div>


<style type="text/css">
    .aclick {
        background: #ed145b;
        color: white;
    }
</style>
<%<hi:common_new_footer runat="server" />%>
